<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
	<link rel="shortcut icon" href="../img/cqutLog.jpg" type="image/x-icon">
    <link rel="stylesheet" href="../layui/css/layui.css" th:href="@{/layui/css/layui.css}" media="all" />
    <link rel="stylesheet" href="../css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}">
</head>
<body>
    <!-- 头部 -->
    <div style="text-align: center;height: 30px;width: 100%;margin-top: 50px">
        <h1>用户注册</h1>
    </div>
    <hr style="margin-top: 20px;">
    <!-- 注册表单 -->
    <form class="layui-form" action="" style="margin: auto;width: 400px;margin-top: 50px">
        <div class="layui-form-item" style="width: 600px">
            <div class="layui-input-inline">
                <input type="text" id="username" name="username" required lay-verify="title"
                    style="width: 400px;" placeholder="请输入用户名" autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-mid" style="color: #d32f2f;margin-left: 205px" id="usernameUp"></div>
        </div>
        <div class="layui-form-item" style="width: 600px;height: 38px;">
            <div class="layui-input-inline" style="width: 400px;">
                <input type="password" name="password" id="password" required lay-verify="pass"
                    style="width: 400px;" placeholder="请输入密码" autocomplete="off" class="layui-input">
                <i class="layui-icon layui-icon-radio" id="pwd" onmousedown="pwdToggle()" onmouseup="pwdShow()"
                    style="position: absolute;top: 7px;right: 5px;display: inline-block;"></i>
            </div>
        </div>
        <div class="layui-form-item" style="width: 600px">
            <div class="layui-input-inline">
                <input type="text" id="teaNo" name="teaNo" style="width: 400px;" lay-verify="required|workId"
                       placeholder="请输入工号" autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-mid" style="color: #d32f2f;margin-left: 205px" id="papersUp"></div>
        </div>
        <div class="layui-form-item" style="width: 600px;">
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" name="phone" id="phone" lay-verify="phone" placeholder="请输入手机号"
                        style="width: 400px;" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item" style="width: 600px;"> <!--滑块验证-->
            <div class="layui-inline">
                <div class="layui-input-inline" style="width: 400px;">
                    <div id="slider"></div>
                </div>
            </div>
        </div>
        <div class="layui-form-item" style="width: 600px">
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" name="mobileCode" id="mobileCode" style="width: 305px;" placeholder="请输入短信验证码"
                        autocomplete="off" class="layui-input">
                </div>
                <button type="button" id="codeBtn" style="margin-left: 110px"
                    class="layui-btn layui-btn-normal layui-btn-radius">点击获取</button>
            </div>
        </div>
        <div class="layui-form-item" style="width: 600px">
            <div style="margin-left: 80px;width: 80px" class="layui-input-inline">
                <input type="checkbox" name="agree" id="agree" style="margin-right: 0px" title="我已同意"
                    lay-skin="primary">
            </div>
            <div class="layui-form-mid" style="color: #1E9FFF;cursor: pointer;" id="agreement">《用户协议》</div>
        </div>
        <div class="layui-form-item" style="width: 600px">
            <div class="layui-input-block">
                <button type="submit" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit
                    lay-filter="register">立即注册</button>
                <button type="reset" class="layui-btn layui-btn-radius layui-btn-danger">清空表单</button>
            </div>
            <div class="layui-form-mid" style="margin-left: 265px" id="backLogin">
                <a style="color: #1E9FFF;" href="/Class/login/index">已有账号，直接登录></a>
            </div>
        </div>
    </form>
    <!-- 页脚 -->
    <style>
        .bottom {
            font-size: 12px;
        }

        .bottom .row ul {
            list-style: none;
            line-height: 20px;
        }

        .bottom .row ul li {
            float: left;
        }

        .bottom .row a img {
            width: 16px;
            height: 16px;
            vertical-align: middle;
            margin-top: -4px;
        }

        .bottom .row a {
            vertical-align: middle;
            line-height: 20px;
            margin: 0;
            padding: 2px 6px;
            cursor: pointer;
        }

        .bottom .row a span {
            line-height: 20px;
        }
    </style>
	<div class="fixed-bottom" style="width: 100%;background-color: whitesmoke;opacity: 0.7;">
    <div class="container bottom">
        <div class="row">
            <div class="col-3"></div>
            <div class="col-7 clearfix">
                <ul>
                    <li><a class="nav-link text-secondary" href="#">关于我们</a></li>
                    <li><a class="nav-link text-secondary" href="#">招贤纳士</a></li>
                    <li><a class="nav-link text-secondary" href="#">广告服务</a></li>
                    <li><a class="nav-link text-secondary" href="#"><img src="../img/tel.png"
                              th:src="@{/img/tel.png}"  alt="#"><span>800-820-8820</span> </a></li>
                    <li><a class="nav-link text-secondary" href="#"><img src="../img/email.png"
                              th:src="@{/img/email.png}"  alt=""><span>2528427717@qq.com</span> </a></li>
                    <li><a class="nav-link text-secondary" href="#"><img src="../img/kf.png" th:src="@{/img/kf.png}" alt=""><span>在线客服</span>
                        </a></li>
                </ul>
            </div>
            <div class="col-2"></div>
        </div>
        <div class="row">
            <div class="col-1"></div>
            <div class="col-10 clearfix">
                <ul>
                    <li><a class="nav-link text-secondary" href="#"><img src="../img/ga.png"
                            th:src="@{/img/ga.png}"    alt="#"><span>公安备案号11010502030143</span></a></li>
                    <li><a class="nav-link text-secondary" href="#">ICP备19004658号</a></li>
                    <li><a class="nav-link text-secondary" href="#">经营性网站备案信息</a></li>
                    <li><a class="nav-link text-secondary" href="#">互联网违法和不良举报中心</a></li>
                    <li><a class="nav-link text-secondary" href="#">网络110报警服务</a></li>
                    <li><a class="nav-link text-secondary" href="#">©2021重庆理工大学11703060219</a></li>
                </ul>
            </div>
            <div class="col-1"></div>
        </div>
        <div class="row">
            <div class="col-5"></div>
            <div class="col-2">
                <ul>
                    <li><a class="nav-link text-secondary" href="#">版权与免责声明</a></li>
                    <li><a class="nav-link text-secondary" href="#">版权申诉</a></li>
                </ul>
            </div>
            <div class="col-5"></div>
        </div>
    </div>
	</div>
</body>
<script type="text/javascript" src="../layui/layui.js" th:href="@{/layui/layui.js}"></script>
<script type="text/javascript" src="../js/register.js" th:href="@{/js/register.js}"></script>

</html>